import './Mask.scss';

const Mask = React.createClass({
    getDefaultProps(){
       return{
           show:false,
           opacity:.4
       }
    },
    render(){
        return(
            <div className={this.props.show ? "mask show" : "mask hide"} style={{background: 'rgba(0,0,0,'+ this.props.opacity +')'}}>
                {this.props.children}
            </div>
        )
    }
});

module.exports = Mask;